{% extends 'task_con/base.html' %}

{% block title %}
    添加文件
{% endblock %}

{% block content %}
    <section class="shop section">
        <div class="container">
            <div class="row">
                <div class="col-lg-2 mb-4">
                </div>
                <div class="col-lg-9">
                    <div class="account-content bg-white pt-0">
                        <h4 class="account-content-title"><i class="far fa-layer-group"></i> 添加项目</h4>
                        <div class="edit-profile">
                            <form action="#" method="post">
                                {% csrf_token %}
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="name" class="form-label">项目名称</label>
                                            <input type="text" class="form-control" id="name" name="name">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="rank_demand" class="form-label">要求级别</label>
                                            <select name="rank_demand" class="form-control" id="rank_demand">
                                                <option value="一级">一级</option>
                                                <option value="二级">二级</option>
                                                <option value="三级">三级</option>
                                                <option value="四级">四级</option>
                                                <option value="五级">五级</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="type" class="form-label">项目类型</label>
                                            <select name="type" class="form-control" id="type">
                                                <option value="1">文本分类</option>
                                                <option value="4">图像分类</option>
                                                <option value="5">图像框选</option>
                                                {#                                                <option value="6">视频标注</option>#}

                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="label" class="form-label">标签（请用逗号间隔）</label>
                                            <input type="text" class="form-control" id="label" name="label">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="salary" class="form-label">价格</label>
                                            <input type="text" class="form-control" id="salary" name="salary">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="polish_time" class="form-label">截止时间(yyyy-mm-dd)</label>
                                            <input type="text" class="form-control" id="polish_time" name="polish_time">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="mb-3">


                                            <a class="btn" href="check_data" target="_blank" id="c"
                                               style="background-color: #172834; color: white;">选择数据 <i
                                                    class="fal fa-check"></i></a>

                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="mb-3">
                                            <label for="tishi" class="form-label">提示语</label>
                                            <textarea class="form-control" id="tishi" rows="2"
                                                      name="tishi"></textarea>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="mb-3">
                                            <label for="description" class="form-label">项目描述</label>
                                            <textarea class="form-control" id="description" rows="6"
                                                      name="description"></textarea>
                                        </div>
                                    </div>
                                </div>
                                <input class="btn" type="submit" value="发布项目" style="background-color: #172834; color: white;" onclick="showSuccessMessage()">

                            </form>
                            <script>
                                function showSuccessMessage() {
                                    // 在这里编写弹窗提示提交成功的逻辑
                                    alert("发布成功！");
                                }
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {#    <div class="layui-form">#}
    {#     <div class="layui-form-item">#}
    {#<div class="layui-inline">#}
    {#      <label class="layui-form-label">验证日期</label>#}
    {#      <div class="layui-input-inline layui-input-wrap">#}
    {#        <div class="layui-input-prefix">#}
    {#          <i class="layui-icon layui-icon-date"></i>#}
    {#        </div>#}
    {#        <input type="text" name="date" id="date" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">#}
    {#      </div>#}
    {#    </div>#}
    {#</div>#}
    {#    </div>#}
    {# <div class="col-sm-2 col-lg-offset-1">#}
    {#                            <p>DATE</p>#}
    {#                            <input type="text" id="date" name="datetimepicker" value=" " placeholder="查询年月" class="form-control">#}
    {#                        </div>#}
    {# <script type="text/javascript">#}
    {#        $('#date').datetimepicker({#}
    {#        forceParse: 0,//设置为0，时间不会跳转1899，会显示当前时间。#}
    {#        language: 'zh-CN',//显示中文#}
    {#        format: 'yyyymmdd',//显示格式#}
    {#        minView: "month",//设置只显示到月份#}
    {#        initialDate: new Date(),//初始化当前日期#}
    {#        autoclose: true,//选中自动关闭#}
    {#        todayBtn: true//显示今日按钮#}
    {#    })#}
    {#   $("#date").datetimepicker("setDate", new Date() );  //设置显示默认当天的时间#}
    {#</script>#}





    {#    <button class="btn">Subscribe <i class="fal fa-paper-plane"></i></button>#}


{% endblock %}